<template>
	
			<view class="paper-list u-f-ac animated fadeInLeft fast">
				<image :src="item.userpic" mode="widthFix"></image>
				<view>
					<view class="u-f-ac u-f-jsb">{{item.username}} <view>{{item.time}}</view></view>
					<view class="u-f-ac u-f-jsb">
					{{item.data}}
					<template v-if="item.noreadnum>0">
						<uni-badge :text="item.noreadnum" type="error" />
					</template>
					</view>
				</view>
			</view>
		
</template>

<script>
	import uniBadge from '../uni-badge/uni-badge.vue';
	export default {
		components:{
			uniBadge
		},
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style>
	
	.paper-list{
		border-bottom: 1upx solid #EEEEEE;
		padding: 20upx 0;
	}
	.paper-list>image{
		width: 100upx;
		height: 100upx;
		border-radius: 100%;
		margin-right: 20upx;
		flex-shrink: 0;
	}
	.paper-list>view{
		flex: 1;
	}
	.paper-list>view>view:first-child{
		font-size: 35upx;
	}
	.paper-list>view>view:first-child>view{
		color: #CBCBCB;
	}
	.paper-list>view>view:last-child{
		color: #888888;
	}
</style>
